@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
  /* 一级title */
  .chart_title {
    @apply flex items-center text-[#333] text-[20px] font-bold font-[XingShu] before:content-[''] before:block before:mr-[2px] before:w-[4px] before:h-3 before:bg-[#4387f8] before:rounded-sm;
  }
  /* 垂直居中对齐*/
  .flex_col_center {
    @apply flex flex-col items-center justify-center;
  }
  .chart_font_num {
    font-family: "CustomRegular";
    text-transform: uppercase;
    background-image: linear-gradient(to bottom, tomato, #4387f8);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text;
    background-clip: text;
    color: transparent;
  }

  .chart_font_price {
    font-family: "CustomRegular";
    text-transform: uppercase;
    background-image: linear-gradient(to right, #ff00ff, #4387f8);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text;
    background-clip: text;
    color: transparent;
  }
}
